<!DOCTYPE html>
<html>

<head>
	<!--
	显示模式转换 display: 
	1: inline 块级转换为行内
	2: block 行内元素转为块级
	3: inline-block 转换为行内块元素
	-->
    <meta charset="utf-8" />
    <title>显示模式装换</title>
	<style>
		div{
			background-color: #FF0000;
			width: 100px;
			height: 100px;
			display: inline;
		}
		span{
			display: block;
		}
	</style>
</head>

<body>
	<div>123</div>
	<div>456</div>
	<div>789</div>
	<span>123</span>
	<span>456</span>
	<span>789</span>
</body>

</html>
